<template>
  <div class="文本框">
    <div class="标题">
      富吾财经
    </div>
    <br />
    <el-menu router>
      <el-menu-item index="/">
        <div class="小标题">
          富头条
        </div>
      </el-menu-item>
      <el-menu-item index="/Video">
        <div class="小标题">
          视频
        </div>
      </el-menu-item>
      <el-menu-item index="/Live">
        <div class="小标题">
          直播
        </div>
      </el-menu-item>
      <el-menu-item index="/news">
        <div class="小标题">
          资讯
        </div>
      </el-menu-item>
      <el-menu-item index="/CreationCenter">
        <div class="小标题">
          富吾号
        </div>
      </el-menu-item>
      <el-menu-item index="">
        <a href="http://www.fuwuzhishu.com/"
           target="_blank">
          <div class="小标题">
            关于我们
          </div>
        </a>
      </el-menu-item>
    </el-menu>
  </div>

</template>


<style scoped>
.小标题{
  margin-left: 0;
  padding: 0;
}
</style>

<script>

import NewsMain from '../News/NewsMain.vue'

export default {
  components: { NewsMain },

  data () {

    return {
      search: '',
      activeName: 0,

      articleData: [{
        title: '第一条资讯',
        address: '新华网',
        comments: '4',
        gaptime: '1'
      }, {
        title: '我党美女特工沈安娜，潜伏蒋介石身边11年，晚年临终前：我暴露了',
        address: '人民网',
        comments: '3',
        gaptime: '2'
      }, {
        title: '“杭州杀妻案”今一审结束将择期宣判，“她嫌他没用”绞碎初恋情，许某当庭后悔流泪',
        address: '路透社',
        comments: '2',
        gaptime: '3'
      }, {
        title: '海子很火的谜诗，写诗那夜他经历了什么少有人知，却捧红一座城市',
        address: '人民网',
        comments: '3',
        gaptime: '2'
      }, {
        title: '印度疫情下的中国媳妇：丈夫失业、婆婆病重，如何度过这至暗时刻印度疫情下的中国媳妇：丈夫失业、婆婆病重，如何度过这至暗时刻',
        address: '路透社',
        comments: '2',
        gaptime: '3'
      }, {
        title: '文章标题二',
        address: '人民网',
        comments: '3',
        gaptime: '2'
      }, {
        title: '文章标题三',
        address: '路透社',
        comments: '2',
        gaptime: '3'
      }, {
        title: '文章标题二',
        address: '人民网',
        comments: '3',
        gaptime: '2'
      }, {
        title: '文章标题三',
        address: '路透社',
        comments: '2',
        gaptime: '3'
      }, {
        title: '文章标题二',
        address: '人民网',
        comments: '3',
        gaptime: '2'
      }, {
        title: '文章标题三',
        address: '路透社',
        comments: '2',
        gaptime: '3'
      }, {
        title: '文章标题四',
        address: 'BBC',
        comments: '1',
        gaptime: '4'
      }]
    }
  },
  methods: {
    toLogin () {
      this.$router.push("/Login");
    },
  }

}

</script>

